<template>
  <div class="problem">
    <span class="problem__title">php正则怎么写？</span>
    <span class="problem__content">想要只保留中文，英文，数字以及（，！？、）这4个中英文符号，其他全部过滤掉的正则要怎么写？</span>
    <div class="problem__footer">
      <span class="answer-count">2回答</span>
      <span class="drop"></span>
      <span class="read-count">1.2k阅读</span>
      <div class="tag flex-ac">
        <SvgIcon name="duigou_kuai" color="#fff" />
        <span>已解决</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.problem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
  gap: 6px;

  &__title {
    font-size: 18px;
  }

  &__footer {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 14px;

    .tag {
      padding: 4px 10px;
      border-radius: 30px;
      gap: 4px;
      background-color: $color;
      font-size: 12px;
      color: #fff;
    }
  }
}
</style>